.takeOrder{
	background-color: #fff;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	box-sizing: border-box;
	.fliter {
		-webkit-filter: blur(3px);
		/* Chrome, Opera */
		-moz-filter: blur(3px);
		-ms-filter: blur(3px);
		filter: blur(3px);
	  }
	  .nowNotSupply{
		img{
			filter: grayscale(100%);
		}
		.name {
			color: #999;
		}
		.price {
			color: #999;
		}
		.addBtn {
			text-align: center;
			button {
				background-color: #999;
				color: #000 !important;
			}
		}
	}
	    // 选择会员
  .search-product-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    font-size: .4rem;
    color: #fff;
    background: #fff;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    z-index: 9;
    // position: relative;

    // z-index: 500;
    .search-produc {
      background-color: #fff;
      text-align: center;
      height: 100%;

      input {
        background: none;
        text-indent: .2rem;
        border: none;
        padding: 0;
        width: 90%;
        height: 90%;
        font-size: .4rem;
      }

      i {
        color: #000;
        font-size: .4rem;
      }
    }

    .product-box {
      position: fixed;
      top: 1rem;
      bottom: 0;
      right: 0;
      left: 0;
      width: 100%;
      z-index: 30000;
      background: rgba(0, 0, 0, .5);

      .ul {
        max-height: 5rem;
        overflow-y: scroll;
        background-color: #fff;

        .product-item {
          padding-left: .5rem;
          box-sizing: border-box;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          width: 100%;
          height: 1rem;
          color: #444;
          line-height: 1rem;
        }
      }
    }
  }
	.add-pei{
		.btn{
			display: inline-block;
			font-size: .25rem;
			background-color: #dc6060;
			color: #fff;
			border-radius: .1rem;
			padding: .05rem .1rem;
			margin-top: .1rem;
		}
	}
	
	.pei-goods-wrap{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,.5);
		.inner-wrap{
			width: 90%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			.pei-goods{
				max-height: 3.5rem;
				overflow: hidden;
				overflow-y: auto;
				width: 100%;
				background-color: #fff;
				border-radius: .2rem;
				padding: .15rem;
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				// justify-content: space-around;
				.item{
					// width: 1.5rem;
					width: 30%;
					height: 1.5rem;
					font-size: .3rem;
					padding: .25rem .2rem;
					box-sizing: border-box;
					background-color: #f4f4f4;
					border-radius: .1rem;
					margin-right: .1rem;
					margin-bottom: .1rem;
					text-align: center;
					display: flex;
					align-items: center;
					justify-content: center;
					.info{
						width: 100%;
					}
					.item-price{
						color:#dc6060;
						padding-top: .1rem;
						width: 100%;
						text-overflow: ellipsis;
						white-space: nowrap;
						overflow: hidden;
					}
					.item-name{
						padding-right: .1rem;
						width: 100%;
						text-overflow: ellipsis;
						white-space: nowrap;
						overflow: hidden;
						word-break: break-all;
					}
					.changeNumber{
						color:#dc6060;
						width: 100%;
						text-overflow: ellipsis;
						white-space: nowrap;
						overflow: hidden;
						word-break: break-all;
					}
					&.active{
						background-color: rgb(0,117,185);
						color: #fff;
					}
				}
			}
			.sure{
				margin-top: .25rem;
				display: flex;
				align-items: center;
				justify-content: center;
				height: 1rem;
				width: 100%;
				font-size: .3rem;
				color: #fff;
				padding: .1rem .2rem;
				box-sizing: border-box;
				border-radius: .1rem;
				background-color: #dc6060;
			}
		}
		&.spec-wrap {
			.spec-name {
			  width: 100%;
			  font-size: .3rem;
			  font-weight: bold;
			  padding: .159rem 0;
			}
	  
			.pei-goods {
			  border-radius: 0;
			}
	  
			.pei-wrap {
			  display: block;
			}
	  
			.item {
			  .item-name {
				font-size: .25rem;
			  }
			}
		}
	}
	// 商品列表
	.goodsBox {
		height: calc( 100% - 2rem );
		overflow: hidden;
		.left_bar {
			width: 26%;
			height: 100%;
			position: relative;
			box-sizing: border-box;
			// box-shadow: 2px 0 2px 0 rgba(220, 96, 96, 0.31);
			font-size: .32rem;
			color: #999;
			background-color: #ebebeb;
			#left_bar_scroll {
				width: 100%;
			}
			.item {
				// border-bottom: dashed 1px #dc6060;
				height: 1.16rem;
				word-break:break-all;
			}
			.item.active {
				background-color: #fff;
				color: #444;
			}
			.item:last-child{
				padding-bottom: 1rem;
			}
		}
		.right_goods {
			width: 74%;
			height: 100%;
			overflow: auto;
			position: relative;
			font-size: .28rem;
			color: #444;
			box-sizing: border-box;
			.goods_item {
				height: 50px;
				overflow: hidden;
				.title_name {
					font-size: .32rem;
					height: 49px;
					padding-left: .3rem;
					line-height: 49px;
					background-color: #fff;
					border-bottom: 1px dashed #ccc;
				}
				.goods_li {
					height: 1.2rem;
					margin-top: .3rem;
					.goodImg {
						height: 1.2rem;
						width: 1.2rem;
						border-radius: .08rem;
						overflow: hidden;
						img {
							height: 100%;
							width: 100%;
						}
					}
					.goodImg-border{
						border: 1px solid #ccc;
					}
					.goodMsg {
						padding-left: 1.5rem;
						width: 100%;
						min-height: 1.2rem;
						box-sizing: border-box;
						.name {
							width: 100%;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap; 
							line-height: .4rem;
						}
						.desc {
							font-size: .24rem;
							padding: .139rem 0;
							color: #999;
						  }
						.msgBottom {
							margin-top: .3rem;
							height: .5rem;
							font-size: .3rem;
							.price {
								line-height: .5rem;
								color: #dc6060;
							}
							.addMore {
								line-height: .5rem;
								border: 1px solid #dc6060;
								border-radius: 5px;
								padding: 0 5px;
								color: #dc6060;
							}
							.changeNumber {
								font-size: 0;
								height: 100%；
								span {
									display: inline-block;
									height: 100%;
								}
								.reduceNumber,.addNumber {
									cursor: pointer;
									i {
										font-size: .6rem;
										color: #dc6060;
									}
								}
								.number {
									width: .6rem;
									line-height: .4rem;
									font-size: .3rem;
									text-align: center;
								}
							}
							&.has-note {
								margin-top: 0px;
							}
						}
					}
				}
			}
			.goods_item:nth-of-type(2) {
				height: auto;
			}
			.goods_item.oneLevel {
				height: auto;
			}
			.goods_item:last-child{
				margin-bottom: 1rem;
			}
		}
		#right_goods_scroller {
			width: 100%;
			box-sizing: border-box;
			padding: 1.8% 4% 0;
		}
	}
	.fliter {
		-webkit-filter: blur(3px); /* Chrome, Opera */
		-moz-filter: blur(3px);
		-ms-filter: blur(3px);
		filter: blur(3px);
	}
	
	// 购物车
	.shopCar {
		height: 1rem;
		background-color: #fff;
		box-sizing: border-box;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
		font-size: .26rem;
		.carImgBox {
			height: 100%;
			width: 20%;
			.carImg {
				width: .4rem;
				height: .4rem;
				position: relative;
				font-size: 0;
				.goodsNumber {
					width: .3rem;
					height: .3rem;
					line-height: .28rem;
					border-radius: 50%;
					background-color: #dc5f5f;
					color: #fff;
					position: absolute;
					right: -0.15rem;
					top: -0.15rem;
					font-size: .24rem;
				}
				i {
					font-size: .4rem;
				}
			}
		}
		.totalPrice {
			line-height: 1rem;
			font-size: .4rem;
			color: #dc6060;
			font-weight: 600;
		}
		.confirmBtn {
			font-size: .26rem;
			margin-right: 2.7%;
			width: 1.7rem;
			height: .7rem;
			line-height: .7rem;
			margin-top: .15rem;
			border-radius: 100px;
			background: #dc6060;
			color: #fff;
			border: none;
		}
	}
	
	// 购物车详情
	.carDetailBox {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 1rem;
		background-color: rgba( 0, 0, 0, .57);
		font-size: .28rem;
		color: #444444;
		.carDetail {
			width: 90%;
			border-radius: 8px;
			background-color: #ffffff;
			position: absolute;
			bottom: 2%;
			left: 5%;
			padding: .3rem 3%;
			box-sizing: border-box;
			.goodsBox {
				position: relative;
				// max-height: 3.8rem;
				height: 3.8rem;
				top:0;
			}
			.goodItem {
				// height: .44rem;
				line-height: .44rem;
				margin-bottom: .44rem;
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				justify-content: space-between;
				border-bottom: 1px solid #ddd;
				padding-bottom: .1rem;
				.name {
					// margin-right: .25rem;
					width: 45%;
					.g-name{
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
				}
				.price {
					display: flex;
					white-space: pre-wrap;
					width: 20%;
					font-size: .32rem;
					color: #dc6060;
					flex-wrap: wrap;
					word-break: break-all;
				}
				.changeNumber {
					width: 35%;
					text-align: right;
					span {
						display: inline-block;
					}
					.reduceNumber,.addNumber {
						cursor: pointer;
						i {
							font-size: .4rem;
							height: 100%;
							color: #dc6060;
						}
					}
					.number {
						width: .5rem;
						text-align: center;
					}
				}
				.sub-items{
					width: 100%;
					padding-left: .25rem;
					.goodItem{
						padding: .25rem 0;
					}
					.btn{
						display: inline-block;
						font-size: .25rem;
						background-color: #dc6060;
						color: #fff;
						border-radius: .1rem;
						padding: .05rem .1rem;
						margin-top: .1rem;
						margin-right: .1rem;
					}
				}
			}
			.goodItem:last-child {
				margin-bottom: 0;
			}
			#carGoodsBox_scroll {
				width: 100%;
				box-sizing: border-box;
				padding-right: 1%;
				.spec-info {
					font-size: .259rem;
					color: #dc6060;
				  }
			}
		}
	}
	
	.numberMaskBox {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, .1);
		z-index: 100;
	}
	.numberMask {
		transition: bottom .4s ease-in-out;
		-moz-transition: bottom .4s ease-in-out;
		-webkit-transition: bottom .4s ease-in-out;
		-o-transition: bottom .4s ease-in-out;

		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #eee;
		padding: .2rem;
		.inputBox {
			border: 1px solid #ccc;
			background-color: #fff;
			width: 100%;
			height: .8rem;
			line-height: .8rem;
			box-sizing: border-box;
			padding: 0 .3rem;
			font-size: .35rem;
			margin-bottom: .1rem;
			border-radius: 5px;
		}
		.numberBox {
			.number {
				border: 1px solid #ccc;
				background-color: #fff;
				box-sizing: border-box;
				font-size: .32rem;
				padding: .3rem 0;
			    border-radius: 5px;
			    color: #333;
			    font-weight: 600;
				float: left;
				width: 33.3%;
				text-align: center;
			}
		}
	}

	.goodAnimate {
		z-index: -999;
		opacity: 0;
		position: absolute;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		top: 0;
		left: -999999px;
		background-color: #dc6060;
	}
	#show-img-info{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,.59);
		text-align: center;
		img{
			width: 98%;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%,-50%);
		}
		span.close{
			position: absolute;
			right: .39rem;
			top: .5rem;
			color: #333;
			background: #fff;
			font-size: 0.26rem;
			padding: 0.1rem 0.2rem;
			border-radius: 0.5rem;
			box-shadow:0 0 5px rgba(0,0,0,.5);
			z-index:99999;
		}
	}
}